<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>客服</title>
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
        <link rel="stylesheet" href="https://static.91haoka.cn/vant.css"/>
        <script src="https://static.91haoka.cn/vue.min.js"></script>
        <script src="https://static.91haoka.cn/vantall.js"></script>
        <script src="https://static.91haoka.cn/axios.min.js"></script>
		<link rel="stylesheet" type="text/css" href="https://static.91haoka.cn/all.css"/>
     </head>
    <style type="text/css">
		*{ box-sizing: border-box; font-family:'PingFang SC';}
		.p1{ background: #E7EEFF; border-radius: 0.4rem; padding: 0.3rem;}
		.p1 img{ width: 0.54rem;}
		.t1{ margin-top: 0.2rem; font-size: 0.28rem; color: #2D3038;}
		.btnx{ background: #FF3400; border-radius: 0.6rem; color: #fff; font-weight: bold; margin-top: 0.15rem; width: 1.7rem; padding: 0.2rem 0rem; text-align: center;}
		.p2 img{ width: 0.34rem;}
		.t2{ font-size: 0.22rem; margin-top: 0.05rem;}
		.li{ border-bottom: 1px #f1f1f1 solid; padding: 0.3rem 0;}
		.act{ color: #FF3400;}
    </style>
	<body>
        <div id="app" style="background: #F9F9F9; padding-bottom:1rem;" v-cloak>
			<div style="width: 100vw; height: 100vh; background: url(img/kefu_images.png) no-repeat; background-size: 100%; padding-top:2.8rem;">
				
				<div style="background: #fff; margin:-0.45rem 0.35rem; padding:0.2rem; width:6.8rem; border-radius:0.2rem;box-shadow: 0 0 20px 0 #174FFF 10%;">
					<div style="font-size: 16px;color:#333;margin:10px 15px;">微信客服</div>
					<div style="width: 3.3rem; margin: 0.5rem auto 0;height: 3.3rem;"><img :src="all.qrcode"></div>
					<div style="color:#999; text-align:center; font-size:12px; margin-top:0.3rem;">长按或扫描二维码，添加客服微信</div>
					<div style="margin: 0.5rem 0.4rem; font-size: 0.3rem; font-weight: bold; padding:0 0.2rem;">
						<a style="background:#F72C50; display: block; color: #fff; padding: 0.2rem 0; border-radius:0.6rem; margin-bottom: 0.3rem; text-align: center;" @click="go3">联系客服<a>
						<a style="background: #fff; border:1px #F72C50 solid; display: block; color:#F72C50; padding: 0.2rem 0; border-radius:0.6rem; margin-bottom: 0.3rem; text-align: center;" :href="dianhua">拨打客服电话<a>
						
					</div>
				</div>
				
				
				
				
				<div style="background: #fff;height: 3rem; margin:1rem 0.35rem; padding:0.2rem; width:6.8rem; border-radius:0.1rem;border-radius: 0.2rem 0.2rem 0 0;">
					<div style="font-size: 16px;color:#333;margin:10px 15px;">其他联系信息</div>
					<div style=" font-size:13px; color:#999; line-height:0.4rem;margin:10px 15px;">
						<!-- 温馨提醒： <br/>
						1.请输入您购买靓号时预留的手机号查询订单。  <br/>
						2.订购成功后会在72小时内发货，请留意短信通知。 <br/>
						 3.订单发货后48小时内售后客服将联系您与您对接开户， 请保持电话畅通。  <br/>
						 4.本站销售号码均为工信部核发号段，需要实名制开户使 用。  <br/>
						 5.实名登记 > 审核通过 > 充值缴费 > 正常使用  <br/>
						 6.实名登记后，务必使用本机拨打卡板上运营商电话核实 机主信息和套餐信息。  <br/>
						 7.感谢您的惠顾，愿为您以后的通信生活保驾护航。 <br/> -->
						{{this.all.other_contact}}
					</div>
				</div>
			</div>
			
        </div>

       
        <script>
            var h = document.documentElement.clientWidth / 7.5 + 'px';
                document.documentElement.style.fontSize = h;

            
            new Vue({
                el: '#app',
                data: function() {
                	return {
                       tab:localStorage.getItem('tab'),
					   apis:'',
					   all:'',
					   dianhua:""
                	}
                },
                created(){
					document.title = localStorage.getItem('title')
					if(location.href.includes('localhost')|| location.href.includes('192.168.2.216')){
						this.apis = '/apis'
					}
                    this.getpeizhi()
                },
                mounted () {
                   
                },
                methods:{
					getpeizhi:function(){
						axios.get(`${this.apis}/api/store/info?id=${this.tab}`)
						.then(response => {
							this.all = response.data.data
							
							this.dianhua = 'tel:' + this.all.mobile
						})
					},
                    go:function(url){
                    	window.location.href = url
                    },
					go2:function(){
						window.location.href = 'chadan.html'
					},
					go3:function(){
						window.location.href = this.all.contact
					}
                }
            });

  
        </script>
	</body>
</html>
